/* Custom CSS on top of external clipboard.js */
.listingblock:hover .clipboard {
    display: block;
}

.clipboard {
    display: block;
    content: "  ";
    position: absolute;
    top: 0.3rem;
    right: 0.5em;
    height: 1em;
    width: 1em;
    color: inherit;
    border: none;
    opacity: 0.5;
    cursor: pointer;
    filter: invert(50.2%);
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'%3E%3Cpath fill-rule='evenodd' d='M5.75 1a.75.75 0 00-.75.75v3c0 .414.336.75.75.75h4.5a.75.75 0 00.75-.75v-3a.75.75 0 00-.75-.75h-4.5zm.75 3V2.5h3V4h-3zm-2.874-.467a.75.75 0 00-.752-1.298A1.75 1.75 0 002 3.75v9.5c0 .966.784 1.75 1.75 1.75h8.5A1.75 1.75 0 0014 13.25v-9.5a1.75 1.75 0 00-.874-1.515.75.75 0 10-.752 1.298.25.25 0 01.126.217v9.5a.25.25 0 01-.25.25h-8.5a.25.25 0 01-.25-.25v-9.5a.25.25 0 01.126-.217z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
}

@keyframes clibpard_rotation_frame {
    50% { transform: rotateY(180deg); }
}

.clipboard_success {
    filter: invert(100%);
    animation: clibpard_rotation_frame 1s;
}
